<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>配置条件列</title>
    <link href="/static/css/engine.css" rel="stylesheet">
    <script>
        var ctx = '';
    </script>
    <script src="/bower_components/requirejs/require.js" data-main="/static/app.js"
            data-bootstrap-modules="'system2/decision/ColConfigModule'"></script>
</head>
<body ng-cloak ng-controller="ColConfigController">
    <div class="tck-c">
      <div class="engine-popup engine-popup-pztj">
        <div class="configure" ng-repeat="selectedAttr in selectedAttrs">
            <div class="configure-l pztj-l">{{selectedAttr.name}}</div>
            <div class="configure-r pztj-r"><a href="javascript:void(0)" ng-click="removeAttr($index)"><i class="icon-engine-delete"></i></a></div>
            <div class="clear"></div>
        </div>
      </div>
      <div class="configure-two">
        <span>增加条件列：</span>
	    <span>
            <input name="attrName" ng-model="attrName" ng-change="attrNameChange()"/>
            <div id="showAttrs" style="border:1px solid #c3c3c3;width:300px;height:100px;overflow-x:hidden;overflow-y:scroll;margin:2px 0px 0px 103px;font-size:14px;color:#333;">
                <ul>
                    <li ng-repeat="attr in attrs" ng-click="selectAttr(attr)">{{attr.name}}</li>
                </ul>
            </div>
	    </span>
      </div>
	</div>
    <div class="tck-b">
        <button class="engine-btn-default" type="button" ng-click="confirm()">确定</button>
        <button class="engine-btn-default" type="button" ng-click="cancel()">取消</button>
    </div>
</body>
</html>